
<template>
  <div class="red">
    {{message}}
    <button @click="fn">fn</button>
  </div>
</template>

<script>
export default {
  props:['message','fn'],
//   created(){
//   console.log('实例出现在内存中,但是没有出现在页面中')
// },
// mounted(){
//   console.log('我已出现在页面中')
//   // debugger
// }, 
//   updated(){
//   console.log('更新啦')
//   console.log(this.n)
// },
//   destroyed(){
//   console.log('实例消亡啦')
// },
//   methods: {
//     add() {
//       this.n += 1;
//     }
//   }
};
</script>

<style scoped>
.red {
  color: red;
}
</style>
